<!-- 发票 -->
<template>
  <div class="invoice-wrap flx-column">
    <div class="tabs-wrap">
      <el-tabs v-model="currentType" type="card">
        <el-tab-pane
          :label="item.name"
          :name="item.id"
          v-for="(item, index) in tabsList"
          :key="index"
          @change="currentType = item.id"
        ></el-tab-pane>
      </el-tabs>
    </div>

    <!-- 开票记录 -->
    <record v-if="currentType == 1" />

    <!-- 开票信息管理 -->
    <management v-if="currentType == 2" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import Record from "./Record.vue";
import Management from "./Management.vue";

const currentType = ref(1);
const tabsList = [
  { id: 1, name: "开票记录" },
  { id: 2, name: "开票信息管理" }
];
</script>

<style lang="scss" scoped>
.invoice-wrap {
  position: relative;
}
</style>
